<style scoped>
</style>
<template>
  <RequestListCategorySlot v-bind="$props">
    <template #default="{row,index}">
      <PageBlock v-for="child in _children_" v-bind="child" :info="row"></PageBlock>
    </template>
  </RequestListCategorySlot>
</template>

<script>
import RequestListCategorySlot from "@/components/slot/RequestListCategorySlot.vue";
import PageBlock from "@/components/auto_import/PageBlock.vue";

export default {
  _title_: '请求列表-带分类',
  _tip_: '请求接口，以响应的data.list数据作列表数据循环渲染子组件，每一项作为子组件的$info，滚动加载下一页',
  _css_var_: {
    ...RequestListCategorySlot,
  },
  _head_img_: '',
  _group_: '容器组件',
  components: {PageBlock, RequestListCategorySlot},
  props:{
    url: {
      type: String,
      _label_: '列表接口',
      _tip_: '列表数据的获取接口地址',
      _required_: true,
    },
    category_list: {
      type: Array,
      _label_: '分类列表',
      _tip_: '分类列表，每项必须包含title、id',
      _required_: true,
      _default_: "db_list($info,'head_img')",
      _input_type_: [{_type_:'SelectList'}],
    },
    category_field: {
      type: String,
      _label_: '分类字段',
      _tip_: '在获取项目列表请求时，分类id对应的查询条件字段，如果为空，切换分类不会刷新项目列表',
      _default_: "category_id",
    },
    category_id: {
      type: [String, Number],
      _label_: '默认分类ID',
      _tip_: '列表初始默认的分类ID，可以为空',
      _default_: "get($input,'category_id')",
    },

    cols: {
      type: [String, Number],
      _label_: '分栏数量',
      _tip_: '项目列表的分栏数量，1-5，默认为：1',
    },
    mode: {
      type: String,
      _label_: '列表模式',
      _tip_: 'round、round_list、round_row、其他。分别表示整体圆角、列表圆角、每一项圆角、无圆角',
    },
    pull_refresh: {
      type: Boolean,
      _label_: '下拉刷新',
      _tip_: '列表是否启用下拉刷新',
      _default_: "1",
    },

    _children_: Array,
  },
  data(){
  },
}
</script>